﻿ html,body,nav,ul,li,h2,h3,figure,h1,p {
	padding:0px;
	margin:0px;
}
/*	body {
	background-color:#EDEDF2;
	background-repeat:no-repeat;
	min-width:320px;
	font:normal 14px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;
	color:#000;
	overflow-x:hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0.5);
	-webkit-text-size-adjust:none;
	-moz-user-select:none;
}*/
	body {
	min-width:320px;
	font:normal 14px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;
	color:#000;
	overflow-x:hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0.5);
	-webkit-text-size-adjust:none;
	-moz-user-select:none;
}
img {
	border:none;
}
a {
	color:#000;
	text-decoration:none;
}
li {
	list-style-type:none;
}
header.jsmodule {
	position:relative;
	width:100%;
	overflow:hidden;
	background:#fff;
}
.connect a {
	padding:0 18px;
}
a.phone {
	color:#0E68D5;
}
.versions a {
	height:12px;
	line-height:12px;
	padding:0 18px;
	border-right:1px solid #000;
}
.connect a:last-child,.versions a:last-child {
	border-right:none;
}
/* new nav*/
	/*.nav-list li:before, .tool-cn a:before, .icon-new, .search-index:before {
	no-repeat 0 0;
	background-size:90px 260px;
}*/
	.title {
	position: relative;
	z-index:12;
	height:30px;
	padding:9px 10px 7px 0px;
	background-color:#099fde;
	line-height:30px;
	color:#fff;
	font-size:15px;
	overflow:hidden;
	text-align:center;
}
.title div {
	overflow:hidden;
	text-align:center;
	position:relative;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:15px;
}
img {
	height: auto;
	width: auto\9;
	width:100%;
}
/*main nav*/
	.nav-list {
	margin:auto 8px 0 2px;
	overflow:hidden;
}
.nav-list li {
	position:relative;
	float:left;
	width:33.333333%;
	border-left:6px solid rgba(255, 255, 0, 0);
	margin-bottom:6px;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.nav-list li:before {
	content:"\0020";
	position:absolute;
	z-index:10;
	left:50%;
	-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
}
.nav-list li div {
	width:100%;
	height:100%;
	line-height:65px;
	border-radius:3px;
	color:#fff;
	font-size:18px;
	text-align:center;
}
.nav-list li div a {
	text-align:center;
	color:#FFF;
}
/*	.nav-list li:nth-child(1) {
	width:99.999999%
}
.nav-list li:nth-child(2) {
	width:99.999999%
}
.nav-list li:nth-child(3) {
	width:33.333333%
}
.nav-list li:nth-child(4) {
	width:33.333333%
}
.nav-list li:nth-child(5) {
	width:33.333333%
}
.nav-list li:nth-child(6) {
	width:50.000000%
}
.nav-list li:nth-child(7) {
	width:50.000000%
}
.nav-list li:nth-child(8) {
	width:33.333333%
}
.nav-list li:nth-child(9) {
	width:33.333333%
}
.nav-list li:nth-child(10) {
	width:33.333333%
}
.nav-list li:nth-child(11) {
	width:99.999999%
}*/
	/* .nav-list li:nth-child(12), .nav-list li:nth-child(13) {
	height:65px;
}*/
	.nav-list li:nth-child(1), .nav-list li:nth-child(2), .nav-list li:nth-child(3), .nav-list li:nth-child(4), .nav-list li:nth-child(5), .nav-list li:nth-child(6) {
	height:65px;
}
.nav-list li:nth-child(7), .nav-list li:nth-child(8), .nav-list li:nth-child(9) {
	height:65px;
}
.nav-list li:nth-child(10), .nav-list li:nth-child(12), .nav-list li:nth-child(11) {
	height:65px;
}
.nav-list li:nth-child(13), .nav-list li:nth-child(14), .nav-list li:nth-child(15) {
	height:65px;
}
.nav-list li:nth-child(16), .nav-list li:nth-child(17), .nav-list li:nth-child(18) {
	height:65px;
}
.nav-list li:nth-child(19), .nav-list li:nth-child(20), .nav-list li:nth-child(21) {
	height:65px;
}
.nav-list li:nth-child(22), .nav-list li:nth-child(23), .nav-list li:nth-child(24) {
	height:65px;
}
.nav-list li:nth-child(25), .nav-list li:nth-child(26), .nav-list li:nth-child(27) {
	height:65px;
}
.nav-list li:nth-child(28), .nav-list li:nth-child(29), .nav-list li:nth-child(30) {
	height:65px;
}
/* .nav-list li:nth-child(1) div {
	background: rgba(65,188,164,0.7);
}
.nav-list li:nth-child(2) div {
	background: rgba(174,162,86,0.7);
}
.nav-list li:nth-child(3) div {
	background: rgba(203,214,174,0.7);
}
.nav-list li:nth-child(4) div {
	background: rgba(187,205,179,0.7);
}
.nav-list li:nth-child(5) div {
	background: rgba(112,174,149,0.7);
}
.nav-list li:nth-child(6) div {
	background: rgba(235,108,159,0.7);
}
.nav-list li:nth-child(7) div {
	background: rgba(141,205,155,0.7);
}
.nav-list li:nth-child(8) div {
	background: rgba(118,194,233,0.7);
}
.nav-list li:nth-child(9) div {
	background: rgba(43,232,179,0.7);
}
.nav-list li:nth-child(10) div {
	background: rgba(254,196,62,0.7);
}
.nav-list li:nth-child(11) div {
	background: rgba(250,182,160,0.7);
}
.nav-list li .icon-new {
	position: absolute;
	width:18px;
	height:9px;
	display: inline-block;
	right:0;
	top:0;
	background-position:-72px -215px ;
}*/
	.nav-list li:nth-child(1) div {
	background-color:#41BCA4;
}
.nav-list li:nth-child(2) div {
	background-color:#f7386d;
}
.nav-list li:nth-child(3) div {
	background-color:#cbd6ae;
}
.nav-list li:nth-child(4) div {
	background-color:#bbcdb3;
}
.nav-list li:nth-child(5) div {
	background-color:#70ae95;
}
.nav-list li:nth-child(6) div {
	background-color:#EB6C9F;
}
.nav-list li:nth-child(7) div {
	background-color:#8dcd9b;
}
.nav-list li:nth-child(8) div {
	background-color:#76c2e9;
}
.nav-list li:nth-child(9) div {
	background-color:#2BE8B3;
}
.nav-list li:nth-child(10) div {
	background-color:#fec43e;
}
.nav-list li:nth-child(11) div {
	background-color:#fab6a0;
}
.nav-list li:nth-child(12) div {
	background-color:#FAD2A0;
}
	.nav-list li:nth-child(13) div {
	background-color:#41BCA4;
}
.nav-list li:nth-child(14) div {
	background-color:#f7386d;
}
.nav-list li:nth-child(15) div {
	background-color:#cbd6ae;
}
.nav-list li:nth-child(16) div {
	background-color:#bbcdb3;
}
.nav-list li:nth-child(17) div {
	background-color:#70ae95;
}
.nav-list li:nth-child(18) div {
	background-color:#EB6C9F;
}
.nav-list li:nth-child(19) div {
	background-color:#8dcd9b;
}
.nav-list li:nth-child(20) div {
	background-color:#76c2e9;
}
.nav-list li:nth-child(21) div {
	background-color:#2BE8B3;
}
.nav-list li:nth-child(22) div {
	background-color:#fec43e;
}
.nav-list li:nth-child(23) div {
	background-color:#fab6a0;
}
.nav-list li:nth-child(24) div {
	background-color:#FAD2A0;
}
.nav-list li:nth-child(25) div {
	background-color:#8dcd9b;
}
.nav-list li:nth-child(26) div {
	background-color:#76c2e9;
}
.nav-list li:nth-child(27) div {
	background-color:#2BE8B3;
}
.nav-list li:nth-child(28) div {
	background-color:#fec43e;
}
.nav-list li:nth-child(29) div {
	background-color:#fab6a0;
}
.nav-list li:nth-child(30) div {
	background-color:#FAD2A0;
}
.nav-list li .icon-new {
	position: absolute;
	width:18px;
	height:9px;
	display: inline-block;
	right:0;
	top:0;
	background-position:-72px -215px ;
}
#mainDiv {
	overflow:hidden;
	background-image: url("test.png");
	background-size:100% auto;
	background-repeat:no-repeat;
}